<template>
    <div>
        <div class="box">{{ msg }}</div>
        <div>
          <!-- 使用自定义局部组件 -->
          <Michael></Michael>
          <!-- 使用自定义的全局组件 -->
          <ZZL></ZZL>
        </div>
    </div>
</template>
<script>
//使用局部组件的步骤：
//1. 导入局部组件
import Michael from './components/Michael.vue';
//2. 注册局部组件
//3. 使用局部组件
export default {
  components:{
    Michael 
  },
  data(){
    return {
      msg: '龙哥'
    }
  }
}
</script>
<style>
.box{
  color: pink
}
</style>